<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>缩略图</title>
    <link href="bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <a href="#" class="thumbnail">
                    <img src="top2013_01.jpg" alt=""/>
                </a>
            </div>
            <div class="col-md-3">
                <a href="#" class="thumbnail">
                    <img src="top2013_01.jpg" alt=""/>
                </a>
            </div>
            <div class="col-md-3">
                <a href="#" class="thumbnail">
                    <img src="top2013_01.jpg" alt=""/>
                </a>
            </div>
            <div class="col-md-3">
                <a href="#" class="thumbnail">
                    <img src="top2013_01.jpg" alt=""/>
                </a>
            </div>

            <div class="row">
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="thumbnail">
                        <img src="top2013_01.jpg" alt=""/>
                        <div class="caption">
                            <h3>this is MM</h3>
                            <p>this is fasfdsafdsaf fsdffsdffffffffsdf</p>
                            <p><a href="#" class="btn btn-primary" role="button">文档详情</a>&nbsp;<a href="#" class="btn btn-warning" role="button">更多</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>